<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>主页</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_1368700_8espacjr66g.css">
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
    <script src="js/index.js"></script>
</head>
<body>
    <!--top start-->
    <div class="top">
        <div class="top-con">
            <div class="logo"></div>
            <ul class="menu">
                <li class="show"><a href="javascript:void(0);">首页</a></li>
                <li><a href="course.html">在线课堂</a></li>
                <li><a href="javascript:void(0);">咨询</a></li>
                <li><a href="search.html">搜索</a></li>

            </ul>
            <div class="reg-log">
                <i class="iconfont icon-user"></i>
                <a href="login.html">登录</a>
                /
                <a href="register.html">注册</a>
            </div>
        </div>
    </div>
    <!--top end-->
    <!--middle start-->
    <div class="middle">
        <div class="content clearfix">
            <!--left-con start-->
            <div class="left-con">
                <!--banner start-->
                <div class="banner">
                    <ul class="pic">
                        <li><img src="https://res.shiguangkey.com//file/201806/19/20180619142252602590185.jpg" alt=""></li>
                       <li><img src="https://res.shiguangkey.com//file/201806/19/20180619141337485823895.jpg" alt=""></li>
                       <li><img src="https://res.shiguangkey.com//file/201806/21/20180621150342030454625.jpg" alt=""></li>
                       <li><img src="https://res.shiguangkey.com//file/201805/17/20180517113424433990524.jpg" alt=""></li>
                    </ul>
                    <ul class="btn">
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                    <ul class="tab">
                        <li class="left">&lt;</li>
                        <li class="right">&gt;</li>
                    </ul>
                </div>
                <!--banner end-->
                <!--news start-->
                <ul class="news">
                    <li>
                        <img src="https://res.shiguangkey.com/file/201905/16/20190516193152104105234.png?x-oss-process=image/format,webp" alt="">
                        <a href="https://www.shiguangkey.com/course/4619" target="_blank">
                            <p>
                           <span>每天十分钟，迅速掌握日语技巧</span>
                            <span style="color:greenyellow;font-weight: bolder;float:right">免费</span>
                        </p>
                        </a>
                    </li>
                    <li>
                        <img src="https://res.shiguangkey.com//file/201806/01/20180601202006677835073.png
" alt="">
                        <a href="https://www.shiguangkey.com/course/4619" target="_blank">
                            <p>
                           <span>社交电商，拼多多，阿里，淘宝终究逃不过阿里的范围</span>
                        </p>
                        </a>
                    </li>
                    <li>
                        <img src="https://res.shiguangkey.com//file/201806/01/20180601202006677835073.png
" alt="">
                        <a href="https://www.shiguangkey.com/course/4619" target="_blank">
                            <p>
                           <span>社交电商，拼多多，阿里，淘宝</span>
                        </p>
                        </a>
                    </li>
                </ul>
                <!--<hr>-->
                <!--news end-->
                <!--news-menu start-->
                <div class="news-menu">
                    <ul class="title clearfix">
                        <li class="active">最新资讯</li>
                        <li>热点</li>
                        <li>创业案例</li>
                        <li>深度报道</li>
                    </ul>
                    <ul class="news-content">
                        <li class="show">
                            <div class="news-list clearfix">
                                <div class="pic">
                                    <img src="https://res.shiguangkey.com//file/201806/01/20180601202006677835073.png" alt="">
                                </div>
                                <div class="text">
                                    <h4>争议中的拼多多，面对的不只是舆论危机</h4>
                                    <p>对于拼多多而言，当下面临的最大问题，并不是什么舆论危机，舆论危机只是结果，不是原因。否则，应对危机的对策就要跑偏了。</p>
                                    <div class="news-other">
                                        <span class="news-type">热点</span>
                                        <span class="news-time">1分钟前</span>
                                        <span class="news-author">fei</span>
                                    </div>
                                </div>
                            </div>
                            <div class="news-list clearfix">
                                <div class="pic">
                                    <img src="https://res.shiguangkey.com//file/201806/01/20180601202006677835073.png" alt="">
                                </div>
                                <div class="text">
                                    <h4>争议中的拼多多，面对的不只是舆论危机</h4>
                                    <p>对于拼多多而言，当下面临的最大问题，并不是什么舆论危机，舆论危机只是结果，不是原因。否则，应对危机的对策就要跑偏了。</p>
                                    <div class="news-other">
                                        <span class="news-type">热点</span>
                                        <span class="news-time">1分钟前</span>
                                        <span class="news-author">fei</span>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>2</li>
                        <li>3</li>
                        <li>4</li>
                    </ul>
                </div>
                <!--news-menu end-->
                <a class="more" href="javascript:void(0);">加载更多</a>
            </div>
            <!--left-con end-->
            <!--right-con start-->
            <div class="right-con">
                <!--class start-->
                <div class="offline-class">
                    <h3 class="clearfix">线下课堂<a href="javascript:void(0);">更多</a></h3>
                    <div class="img">
                        <img src="https://res.shiguangkey.com//file/201804/26/20180426142628123364782.jpg
" alt="">
                        <p>无压力对话外国Girl</p>
                    </div>
                    <ul class="status">
                        <li><span class="one">报名中</span><span>潭州python预科班</span></li>
                        <li><span class="two">已结束</span><span>潭州日语初级班</span></li>
                    </ul>
                </div>
                <div class="online-class">
                    <h3 class="clearfix">线上课堂<a href="javascript:void(0);">更多</a></h3>
                    <div class="img">
                        <img src="https://res.shiguangkey.com//file/201804/24/20180424095709160023055.jpg!mall_course_a
" alt="">
                    </div>
                </div>
                <!--class end-->
                <!--attention-me start-->
                <div class="attention-me clearfix">
                    <h3>关注我</h3>
                    <ul class="info">
                        <li><i class="iconfont icon-github" style="color:red;"></i>fei</li>
                        <li><i class="iconfont icon-weibo" style="color:green;"></i>fei</li>
                        <li><i class="iconfont icon-zhihu" style="color:blue;"></i>fei</li>
                    </ul>
                    <div class="attention">
                        <p>扫码关注</p>
                    </div>
                </div>
                <!--attention-me end-->
                <!--hot-recommend start-->
                <div class="hot-recommend">
                    <h3>热门推荐</h3>
                    <ul class="hot-news clearfix">
                        <li class="clearfix">
                            <div class="news-content">
                                <p>湖南信息技术类中高职衔接培训班来访潭州，探索互联网+教育新模式</p>
                                <div class="other clearfix">
                                    <span class="hot">热点</span>
                                    <span class="date">8月28号</span>
                                </div>
                            </div>
                            <div class="pic"><img src="http://a1.qpic.cn/psb?/V13Pc4324LdOaJ/EaLrCUqB.T14wh*zo.6jalz0OlnGr7k*Ka5MzNoWnsY!/b/dAgBAAAAAAAA" alt=""></div>
                        </li>
                        <li class="clearfix">
                            <div class="news-content">
                                <p>湖南信息技术类中高职衔接培训班来访潭州，探索互联网+教育新模式</p>
                                <div class="other clearfix">
                                    <span class="hot">热点</span>
                                    <span class="date">8月28号</span>
                                </div>
                            </div>
                            <div class="pic"><img src="http://a1.qpic.cn/psb?/V13Pc4324LdOaJ/EaLrCUqB.T14wh*zo.6jalz0OlnGr7k*Ka5MzNoWnsY!/b/dAgBAAAAAAAA" alt=""></div>
                        </li>
                        <li class="clearfix">
                            <div class="news-content">
                                <p>湖南信息技术类中高职衔接培训班来访潭州，探索互联网+教育新模式</p>
                                <div class="other clearfix">
                                    <span class="hot">热点</span>
                                    <span class="date">8月28号</span>
                                </div>
                            </div>
                            <div class="pic"><img src="http://a1.qpic.cn/psb?/V13Pc4324LdOaJ/EaLrCUqB.T14wh*zo.6jalz0OlnGr7k*Ka5MzNoWnsY!/b/dAgBAAAAAAAA" alt=""></div>
                        </li>
                    </ul>
                </div>
                <!--hot-recommend end-->
            </div>
            <!--right-con end-->
        </div>
    </div>
    <!--middle end-->
    <!--bottom start-->
    <div class="bottom-top">
        <div class="bot-top-con">
            <div class="logo"></div>
            <p class="top-content">
                <span class="link">
                    <a href="javascript:void(0);">潭州官网</a> |
                    <a href="javascript:void(0);">研究中心</a> |
                    <a href="javascript:void(0);">潭州天猫旗舰店</a> |
                    <a href="javascript:void(0);">潭州商城</a> |
                    <a href="javascript:void(0);">安全中心</a>
                </span>
                <span class="about-me">
                    关于我:
                    <i class="iconfont icon-weixin1"></i>feifei
                </span>
            </p>
            <p class="bottom-content">
                <span>
                    地址： 湖南省长沙市岳麓区芯城科技园
                </span>
                <span class="tel">
                    客服热线:400-1567-315
                </span>
            </p>
        </div>
    </div>
    <div class="bottom">
        <div class="bot-con">
            <p>Copyright © 2019 湖南潭州教育网络科技有限公司 版权所有</p>
        </div>
    </div>
    <!--bottom end-->
</body>
</html>